.empty {
	position: absolute;
	left: 50%;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	height: 12rem;
	margin-left: -70px;
}
.AviliableTab {
	flex: 0.49;
	max-height: 20rem;
	overflow: auto;
}
.head-name {
	margin-bottom: 0.25rem;
	& > span {
		display: inline-block;
		width: 0.5rem;
		height: 0.5rem;
		margin-right: 0.5rem;
		background: #0f75db;
		border-radius: 50%;
	}
}
.table-box {
	height: 17.25rem;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #e7eaef;
}
.table {
	width: 100%;
	max-height: 17.25rem;
	overflow: auto;
	border-spacing: 0;
	.head {
		text-align: center;
		background-color: var(--color-bg-2);
		& > td {
			position: sticky;
			top: 0;
			z-index: 99;
			height: 2.25rem;
			color: #686c78;
			font-weight: normal;
			white-space: nowrap;
			text-align: left;
			word-wrap: break-word;
			background: var(--color-bg-2);
			border-bottom: 1px solid var(--color-border-2);
		}
		.td1 {
			padding-left: 1.25rem;
		}
	}
	tbody {
		position: relative;
		.row {
			& > td {
				height: 3rem;
				padding-bottom: 0;
				color: #2a2b31;
				white-space: nowrap;
				text-align: left;
				word-wrap: break-word;
				border-bottom: 1px solid var(--color-border-2);
			}
			.td1 {
				padding-left: 1.25rem;
			}
			.td1 span {
				display: inline-block;
				max-width: 5vw;
				overflow: hidden;
				text-overflow: ellipsis;
			}
		}
	}
}
.nonsupport {
	background: none;
}
